var li_ = document.querySelectorAll('ul>li')
var sp_1 = document.querySelectorAll("#sp1")
var sp_2 = document.querySelectorAll("#sp2")
var sp_3 = document.querySelectorAll("#sp3")
var inpt = document.querySelectorAll("#ipt")


	var total_b = li_.length;
// setInterval(function(){
// 	var total = 0;
// 	for(var i = 0;i<li_.length;i++){
// 		sp_3[i].index=i;
// 		sp_3[i].onclick=function(){
// 			total_b--;
// 			inpt[this.index].value = 0;
// 			this.parentNode.parentNode.parentNode.removeChild(li_[this.index])
// 		}
// 		var total_sm = sp_1[i].innerHTML*inpt[i].value;
// 		sp_2[i].innerHTML=total_sm.toFixed(2);
// 		total = parseFloat(sp_2[i].innerHTML) + total;
// 		sp4.innerHTML='¥'+total.toFixed(2);
// 	}
// 	sp5.innerHTML=total_b;
// },1)
// 
// 
// 








var dong = function(){
	var total = 0;
	for(var i = 0;i<li_.length;i++){
		sp_3[i].index=i;
		var total_sm = sp_1[i].innerHTML*inpt[i].value;
		sp_2[i].innerHTML=total_sm.toFixed(2);
		total = parseFloat(sp_2[i].innerHTML) + total;
		sp4.innerHTML='¥'+total.toFixed(2);
	}
	sp5.innerHTML=total_b;
}
dong();
for(var c = 0;c<sp_3.length;c++){
	sp_3[c].onclick=function(){
		total_b--;
		inpt[this.index].value = 0;
		this.parentNode.parentNode.parentNode.removeChild(li_[this.index])
		dong();
	}
	inpt[c].onkeyup=function(){
		dong();
	}
}

